<div ng-controller="MediaReportsController" class="main">
        <div class="nav">
            <div class="nav-titles">
                <div class="nav-left">
                    <a href="#">媒体报道</a>
                </div>
                <div class="nav-right">
                    <a id="denglu" href="">登录</a>
                </div>
            </div>
        </div>
         <!--登录弹框-->
    	<div class="denglu-page" style="display: none;">
            	<h1><img id="close-im" src="http://s4.xiaohongshu.com/static/img/v2/web/common/login/close.png"/></h1>
            	<div>
            		<a class="png_bg"></a>
            	</div>
            	<div class="png_titl"><span>登录</span></div>
            	<div class="png_img">
            		<a href=""></a>
            		<a href=""></a>
            	</div>
            </div>
        <div class="media-neirong">
            <div class="baodao">
                <span>热门报道</span>
            </div>
            <ul class="media-ul">
                <li class="li-remeng">
                    <div class="lis-img">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media1.png?s=1471971752">
                    </div>
                    <div class="lis-jieshao">
                        <div class="lis-jieshao-title">
                            <img src="http://s4.xiaohongshu.com/static/img/media/Forbes.png?s=1471971752">
                            <h3>福布斯</h3>
                            <p>中国最有影响力的财经杂志之一</p>
                        </div>
                        <p>“我们第一天就想得很清楚，我们要做一个很大很远的公司，不是一时有很大声响的公司。”在过去5个月里，小红书的销售额已悄然达到2亿多人民币。几乎没有人觉察到这家公司正在成为最具颠覆可能的电商公司。</p>
                        <a href="" class="tiaozhuan">点击查看完整报道</a>
                    </div>
                </li>
                <li class="li-remeng">
                    <div class="lis-img">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media2.jpg?s=1471971752">
                    </div>
                    <div class="lis-jieshao">
                        <div class="lis-jieshao-title">
                            <img src="http://s4.xiaohongshu.com/static/img/media/media-logo2.png?s=1471971752">
                            <h3>彭博商业周刊</h3>
                            <p>为商业精英量身定制的国际化周刊</p>
                        </div>
                        <p>口碑是小红书的核心优势，用户在社区分享购物攻略和口碑商品。2014年底上线的电商频道卖的就是社区里口碑好的商品，购买转化率高达9%。</p>
                        <a href="" class="tiaozhuan">点击查看完整报道</a>
                    </div>
                </li>
                <li class="li-remeng">
                    <div class="lis-img">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media3.png?s=1471971752">
                    </div>
                    <div class="lis-jieshao">
                        <div class="lis-jieshao-title">
                            <img src="http://s4.xiaohongshu.com/static/img/media/media-logo3.png?s=1471971752">
                            <h3>第一财经周刊</h3>
                            <p>有深度、有态度的商业新闻解读</p>
                        </div>
                        <p>曾先后在贝恩咨询和贝恩资本工作过的毛文超认为，在消费升级的大趋势下，中国年轻人为了追求更好生活，将进行一些高频次、低客单价的消费行为，而海外购物就是其中一种主要形式。</p>
                        <a href="" class="tiaozhuan">点击查看完整报道</a>
                    </div>
                </li>
                <li class="li-remeng">
                    <div class="lis-img">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media4.png?s=1471971752">
                    </div>
                    <div class="lis-jieshao">
                        <div class="lis-jieshao-title">
                            <img src="http://s4.xiaohongshu.com/static/img/media/media-logo4.png?s=1471971752">
                            <h3>36氪</h3>
                            <p>中国互联网创业生态服务平台</p>
                        </div>
                        <p>“如果说 “唯快不破，凌厉而疯狂” 是北京创业者的行事风格，那么小红书是如何在两年不到的时间里实现了从攻略到社区、再到跨境电商的快速升级？它到底拥有什么样的魅力使得众多妹子们将其比作是个装满 “买买买” 欲望的潘多拉盒呢？”</p>
                        <a href="" class="tiaozhuan">点击查看完整报道</a>
                    </div>
                </li>
            </ul>
            <div class="baodao">
                <span>媒体报道</span>
            </div>
            <ul class="media-ul">
                <li class="li-meiti li1">
                    <div class="li-meiti-left">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media5.png?s=1471971752">
                    </div>
                    <div class="li-meiti-right">
                        <h2>小红书创业故事</h2>
                        <p>“不是我们想要做什么，而是用户需要我们为她们做什么。”小红书成立之初就是为了帮助众多想要买到世界各地优质产品的用户们去发现国外的好东西。”</p>
                        <a href="">点击查看完整报道</a>
                    </div>
                </li>
                <li class="li-meiti li2">
                    <div class="li-meiti-left">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media6.png?s=1471971752">
                    </div>
                    <div class="li-meiti-right">
                        <h2>独有的商业模式</h2>
                        <p>“我们的社区积累了大量的商品口碑和用户行为，就好像全世界有几十万的用户在帮主动使用和发现新出来的好东西，然后有几百万用户用自己的行为来投票，这些数据可以保证我们采购来的商品是深受用户推崇的。</p>
                        <a href="">点击查看完整报道</a>
                    </div>
                </li>
                <li class="li-meiti li3">
                    <div class="li-meiti-left">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media7.png?s=1471971752">
                    </div>
                    <div class="li-meiti-right">
                        <h2>小红书大事件</h2>
                        <p>当总理听到小红书不到1年已有7亿多的销售额时，夸赞“你们增长可真够快的！”并即兴把小红书包装盒上印的那句“今天的心情，三分天注定，七分靠Shopping”改编为“今天的成就，三分靠创新，七分靠打拼”。</p>
                        <a href="">点击查看完整报道</a>
                    </div>
                </li>
                <li class="li-meiti li4">
                    <div class="li-meiti-left">
                        <img src="http://s4.xiaohongshu.com/static/img/media/media8.png?s=1471971752">
                    </div>
                    <div class="li-meiti-right">
                        <h2>揭秘小红书供应链</h2>
                        <p>小红书联合创始人瞿芳表示，在跨境电商中，用户最关心的是商品真假问题，只有通过自营，才能在最大程度上保证商品品质。其海外货品全程在海关和国家出入境检验检疫局的严格把控下，通过跨境电商保税仓发货给国内用户。</p>
                        <a href="">点击查看完整报道</a>
                    </div>
                </li>
            </ul>
            <div class="baodao">
                <span>历年报道</span>
            </div>
            <ul class="media-ul linian-ul linian2016 ">
                <div class="div2016">
                    <li class="li-meiti li-linian">
                        <h1>2016年度</h1>
                    </li>
                </div>
            </ul>
            <ul class="media-ul linian-ul linian2015">
                <div>
                    <li class="li-meiti li-linian">
                        <h1>2015年度</h1>
                    </li>
                </div>
            </ul>
            <ul class="media-ul linian-ul linian2014">
                <div>
                    <li class="li-meiti li-linian">
                        <h1>2014年度</h1>
                    </li>
                </div>
            </ul>
            <ul class="media-ul linian-ul linian2013">
                <div>
                    <li class="li-meiti li-linian">
                        <h1>2013年度</h1>
                    </li>
                </div>
            </ul>
             <ul class="media-ul linian-ul">
            <div class="email">媒体联系邮箱：<a href="">media@xiaohongshu.com</a></div>
            </ul>
        </div>
        <div class="download">
            <h1>立即下载小红书</h1>
           	<a href="http://www.xiaohongshu.com/redirect/app_hk" class="download-cont">
	    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/apple2.png?s=1471971752" alt="" />
	    		<span>iOS</span>
	    	</a>
	    	<a href="http://o3.xiaohongshu.com/d/xhs_v2.7.0.apk" class="download-cont">   			
	    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/android2.png?s=1471971752" alt="" />
	    		<span>Android</span>
	    	</a>
            <a href="" class="download-cont">
                <img src="http://s4.xiaohongshu.com/static/img/v2/web/common/qr-code-2016.jpg?s=1471971752" alt="" />
            </a>
        </div>
    <!--</div>-->
</div>
<!--历年报道模板-->
<script type="text/html" id="linianbaodao">
    <li class="li-meiti li-linian">
        <h2><a href="{{url}}">{{title}}</a></h2>
        <span>{{channel}}&nbsp&nbsp&nbsp&nbsp</span>
        <span>{{post_date}}</span>
    </li>
</script>
<script>
    $.ajax({
        url: "json/data.json",
        method: "get",
        dataType: "json",
        success:function (data) {
            $.each(data.data,function (i,value) {
                var t4 = new Date(data.data[i].post_date).getFullYear();
                if(t4 == '2016') {
                    $(template("linianbaodao", value)).appendTo(".linian2016");
                }
                else if(t4 == '2015') {
                    $(template("linianbaodao", value)).appendTo(".linian2015");
                }
                else if(t4 == '2014') {
                    $(template("linianbaodao", value)).appendTo(".linian2014");
                }
                else if(t4 == '2013') {
                    $(template("linianbaodao", value)).appendTo(".linian2013");
                }
            });
        }
    });
    //登录部分
	var $denglu=$(".denglu-page");
    var $yinying=$( '<div id="yinying" style="position:fixed;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 108;display: block;"></div>');
	$("#denglu").click(function(){
		$denglu.css("display","block");
    	$yinying.appendTo("body").click(function(){
    		$denglu.css("display","none");
    		$(this).remove()
    	});
	})
	 $("#close-im").on("click",function(){
        	$denglu.css("display","none");
    		$yinying.remove();
        })
</script>